<i-form
    :model="this.data"
    class="app-form"
    ref="form"
    id="productmodule_main"
    style=""
    @on-validate="formItemValidate.apply(_self, arguments)"
>
    <input style="display:none;">
    <row>
            <i-col
    class="form-layout-container"
    v-show="detailsModel.group1.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-group
    :model="detailsModel.group1"
    layoutType="TABLE_24COL"
    titleStyle=""
    class=""
    :uiActionGroup="detailsModel.group1.uiActionGroup"
    @groupuiactionclick="groupUIActionClick($event)"
    :caption="$t('entities.productmodule.main_form.details.group1')"
    :isShowCaption="false"
    uiStyle="DEFAULT"
    :titleBarCloseMode="0"
    :isInfoGroupMode="false"

>    
    <app-form-group-data-panel
        slot="dataInfoPanel"
        :model="detailsModel.group1"
        :data="data"
        :context="context"
        :viewparams="viewparams"
    ></app-form-group-data-panel>
    <row>
        <i-col
    class="form-layout-container"
    v-show="detailsModel.rootname.visible"
    :style="{}"
    
    
    :lg="{ span: 16, offset: 0 }"
    :xl="{ span: 16, offset: 0 }"
>
    <app-form-item
    name="rootname"
    :itemRules="this.rules().rootname"
    class=""

    :caption="$t('entities.productmodule.main_form.details.rootname')"
    uiStyle="DEFAULT"
    :labelWidth="80"
    :isShowCaption="true"
    :error="detailsModel.rootname.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-picker  
    :formState="formState"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.rootname.disabled"
    name="rootname"
    deMajorField="name"
    deKeyField="product"
    :service="service"
    :acParams="{ serviceName: 'ProductService', interfaceName: 'FetchDefault'}"
    valueitem="root"
    :value="data.rootname"
    editortype="dropdown"
    style=""
    @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>
</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.branch.visible"
    :style="{}"
    
    
    :lg="{ span: 8, offset: 0 }"
    :xl="{ span: 8, offset: 0 }"
>
    <app-form-item
    name="branch"
    :itemRules="this.rules().branch"
    class=""

    :caption="$t('entities.productmodule.main_form.details.branch')"
    uiStyle="DEFAULT"
    :labelWidth="0"
    :isShowCaption="false"
    :error="detailsModel.branch.error"
    :isEmptyCaption="false"
    labelPos="NONE"
>
    
<dropdown-list 
    v-model="data.branch"
    :data="data"
    :context="context"
    :formState="formState"
    :viewparams="viewparams"
    :localContext='{ PRODUCT:"%root%" }' 
    :localParam='{ product:"%root%" }' 
    :disabled="detailsModel.branch.disabled"
    valueType="number"
    tag="ProductBranch_Cache"
    codelistType="DYNAMIC"
    placeholder="请选择..."

></dropdown-list>
</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.parentname.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="parentname"
    :itemRules="this.rules().parentname"
    class=""

    :caption="$t('entities.productmodule.main_form.details.parentname')"
    uiStyle="DEFAULT"
    :labelWidth="80"
    :isShowCaption="true"
    :error="detailsModel.parentname.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    
<app-picker  
    :formState="formState"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ N_TYPE_EQ:"story", N_ROOT_EQ:"%root%" }' 
    :localParam ='{ n_type_eq:"story", n_root_eq:"%root%" }' 
    :disabled="detailsModel.parentname.disabled"
    name="parentname"
    deMajorField="name"
    deKeyField="productmodule"
    :service="service"
    :acParams="{ serviceName: 'ProductModuleService', interfaceName: 'FetchParentModule'}"
    valueitem="parent"
    :value="data.parentname"
    editortype="dropdown"
    :valFormat="{0: '/'}"
    style=""
    @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>
</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.name.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="name"
    :itemRules="this.rules().name"
    class=""

    :caption="$t('entities.productmodule.main_form.details.name')"
    uiStyle="DEFAULT"
    :labelWidth="80"
    :isShowCaption="true"
    :error="detailsModel.name.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    <input-box 
    v-model="data.name"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.name.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.short.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="short"
    :itemRules="this.rules().short"
    class=""

    :caption="$t('entities.productmodule.main_form.details.short')"
    uiStyle="DEFAULT"
    :labelWidth="80"
    :isShowCaption="true"
    :error="detailsModel.short.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    <input-box 
    v-model="data.short"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.short.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col
    class="form-layout-container"
    v-show="detailsModel.order.visible"
    :style="{}"
    
    
    :lg="{ span: 24, offset: 0 }"
    
>
    <app-form-item
    name="order"
    :itemRules="this.rules().order"
    class=""

    :caption="$t('entities.productmodule.main_form.details.order')"
    uiStyle="DEFAULT"
    :labelWidth="80"
    :isShowCaption="true"
    :error="detailsModel.order.error"
    :isEmptyCaption="false"
    labelPos="LEFT"
>
    <input-box 
  v-model="data.order"  
  @enter="onEnter($event)"  
  
  :disabled="detailsModel.order.disabled" 
  type='number' 
   
  style="">
</input-box>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>
